// import React from 'react'
// import { Route, Redirect } from 'react-router-dom'
// import { hasToken } from 'utils/token'

// function PrivateRoute(props) {
//   // props中的参数, 是应该都给到Route, 但是有一个除外 component
//   // 我们需要将 component 的处理, 改用render处理, 并且添加登录授权访问的判断
//   // 解构component时, 重命名成 Component
//   const { component: Component, ...rest } = props
//   return (
//     <Route
//       {...rest}
//       render={(routeProps) => {
//         // 如果登录了, 展示对应的组件
//         // 如果没登录, 重定向到登录页
//         return hasToken() ? (
//           <Component {...routeProps} />
//         ) : (
//           <Redirect
//             to={{ pathname: '/login', state: { from: routeProps.location } }}
//           />
//         )
//       }}
//     ></Route>
//   )
// }

// export default PrivateRoute
import React from 'react'
import { Route } from 'react-router-dom'
// import { hasToken } from 'utils/token'

function PrivateRoute(props) {
  // props中的参数, 是应该都给到Route, 但是有一个除外 component
  // 我们需要将 component 的处理, 改用render处理, 并且添加登录授权访问的判断
  // 解构component时, 重命名成 Component
  const { component: Component, ...rest } = props
  return (
    <Route
      {...rest}
      render={(routeProps) => {
        // 如果登录了, 展示对应的组件
        // 如果没登录, 重定向到登录页
        return (
          <Component {...routeProps} />
        ) 
      }}
    ></Route>
  )
}

export default PrivateRoute
